<?php
// -----------------------------------------------------------------------------
// include
// -----------------------------------------------------------------------------

include "../config/config.php";
include "../auth.php";

// -----------------------------------------------------------------------------
?>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <title><?php echo $linkTitleFuture; ?></title>
    <base target="_self">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="../resources/bootstrap-5.2.0-beta1-dist/css/bootstrap.min.css">
</head>
<body>

<!-- ----------------------------------------------------------------------- -->

<script src="../resources/bootstrap-5.2.0-beta1-dist/js/bootstrap.min.js"></script>
<script src="../resources/jQuery/jquery-3.5.1.js"></script>
<?php include "../globalNavbar.php"; ?>

<!-- ----------------------------------------------------------------------- -->

<!--div:cintainer start-->
<div class="container container-fluid mb-5">

    <!-- 导航栏 开始 -->
    <div class="mt-3">
        <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a class="text-decoration-none" href="<?php echo $homepage; ?>">首页</a></li>
                <li class="breadcrumb-item active"><?php echo $linkTitleFuture; ?></li>
            </ol>
        </nav>
    </div>
    <!-- 导航栏 结束 -->

    <div class="mt-2 mb-3">
        <div id="listOfFutureDateWithTask"></div>
    </div>

</div>

<!-- ----------------------------------------------------------------------- -->

<!--添加返回顶部按钮-->
<script src="../resources/vanilla-back-to-top/index.js"></script>
<script src="../resources/vanilla-back-to-top/config.js"></script>

<!-- ----------------------------------------------------------------------- -->

<script>

    $(function () {

        var url = "generateListOfFutureDateWithTask.php"

        $.get(url)
            .done(function(data ) {

                $("#listOfFutureDateWithTask").html(data)

                const myModal = new bootstrap.Modal($("#future"), {
                    backdrop: "static",
                    keyboard: true
                })
                myModal.show()

            })
            .fail(function () {
                alert("获取列表失败。")
            });

    })

</script>

<!-- ----------------------------------------------------------------------- -->

</body>
</html>
